#header{
    width: 1519px;
    height: 120px;
    margin: 0 auto;
    /*background: lightgreen;*/
    position: relative;

}
#header>img{
    float: left;
    left: 211px;
    position: absolute;

}
#header>h1{
    color: rgb(169,169,169);
    left: 392px;
    position: absolute;
    top: 55px;
}
#header>a{
    position: absolute;
    left: 930px;
    top: 10px;
    font-size: 20px;
    color: #666666;
    text-decoration: none;

}
#header>ul{width: 700px;
    height: 100%;
    margin: 0 auto;
    /*background: lightblue;*/
    display: flex;
    justify-content: space-around;
    margin-right: 60px;
    position: absolute;
    left:700px;
    top: 15px;

}
#header>ul>li{
    width: 70px;
    height: 48px;
    /*background: yellow;*/
    margin-top: 54px;
    text-decoration: none;

}
#header>ul>li>a:hover{
    color: red;
}

#header>ul>li>a{
    text-decoration: none;
    color: #4B4B4B;
    font-size: 16px;
    font-family: "微软雅黑";
}
#header>#displayB{
    position: absolute;
    top:87px;
    right:428px ;
    width:75px ;
    height: 180px;
    background: transparent;
    z-index: 999;
    display: none;
}
#header>#displayB>#display{
    width: 75px;
    height: 110px;
    background: white;
    z-index: 999;

}
#header>#displayB>#display>ul>li{
    width: 100%;
    height: 33.3%;
}
#header>#displayB>#display>ul>li>a:hover{
    color: red;
}
#header>#displayB>#display>ul>li>a{
    font-size: 16px;
    color: #4B4B4B;
    text-decoration: none;
    list-style: none;


}
#header>#noteB{
    position: absolute;
    top: 87px;
    right: 160px;
    width: 64px;
    height: 105px;
    background: transparent;
    z-index: 999;
    display: none;
}
#header>#noteB>#note{
    width: 64px;
    height: 30px;
    background: white;
    z-index: 999;

}

#header>#noteB>#note>ul>li>a{
    font-size: 16px;
    color: #4B4B4B;
    text-decoration: none;
    list-style: none;
}
#header>#noteB>#note>ul>li>a:hover{
    color: red;
}
#slide{
    width: 1519px;
    height: 400px;
    /*background: #00ff33;*/
}
#middle1{
    width: 1519px;
    height: 600px;
    /*background: lightskyblue;*/
}
#middle1>span{
    position: absolute;
    left: 150px;
}
#middle1>head{
    width: 1202px;
    height: 43px;
    line-height: 3em;
    margin-bottom: 10px;

}
#middle1>#character{
    width: 1202px;
    height:155px;
    /*background: lightpink;*/
    margin: 0 auto;
    margin-top: 50px;
    position: relative;
}
#middle1>#character>.tese{
    position: absolute;
    top: 5px;
    font-size: 20px;
    color: #333333;
}
#middle1>#character>#line{
    position: absolute;
    top:50px ;
}
#middle1>#character>p{
    font-size: 14px;
    color: #666666;
    position: absolute;
    top: 80px;
}
#middle1>#middle1L {
    width: 500px;
    height: 330px;
    /*background: url("../img/middleL.jpg");*/
    background-size: 100% 100%;
    position: absolute;
    left: 165px;
    overflow: hidden;

}
#middle1>#middle1L>img{
    width: 100%;
    height: 100%;
    transition: all .5s;
}
#middle1L>img:hover{transform: scale(1.20)}
#middle1>#middle1M{
    width:  330px;;
    height:330px;
    /*background: url("../img/middleM.jpg");*/
    background-size: 100% 100%;
    position: absolute;
    left:685px;
    overflow: hidden;
}
#middle1>#middle1M>img{
    width: 100%;
    height: 100%;
    transition: all .5s;
}
#middle1M>img:hover{transform: scale(1.20)}
#middle1>#middle1R{
    width: 330px;
    height: 330px;
    /*background: url("../img/middleR.jpg");*/
    background-size: 100% 100%;
    position: absolute;
    right: 155px;
    overflow: hidden;
}
#middle1>#middle1R>img{
    width: 100%;
    height: 100%;
    transition: all .5s;
}
#middle1R>img:hover{transform: scale(1.20)}

#middle2{
    position: relative;
    width: 1519px;
    height: 200px;
    background: #F5F5F5;
}
#middle2>#usAdg{
    position: absolute;
    top: 39px;
    left: 235px;
    width:130px ;
    height: 35px;
    /*background: lightgreen;*/
}
#middle2>#adg{
    position: absolute;
    top: 48px;
    left: 375px;
    width: 220px;
    height: 25px;
    /*background: lightseagreen;*/
}
#middle2>#write{
    position: absolute;
    left: 235px;
    top: 70px;
    width: 1020px;
    height: 45px;
    background: transparent;
}
#bottom{
    position: relative;
    width: 1519px;
    height: 1380px;
    /*background: lightcoral;*/
}
#bottom>#bottomHeader{
    position: absolute;
    left:600px ;
    width: 300px;
    height: 90px;
    /*background: lightskyblue;*/
}
#bottom>#bottomHeader>ul>li{
    display: inline-block;
    margin-top: 50px;
    margin-left:40px;
}
#bottom>#bottomHeader>ul>li>a{
    font-size: 16px;
    color: #9B9B9B;
    text-decoration: none;
}
#bottom>#bottomPro{
    position: absolute;
    left: 165px;
    top: 90px;
    width: 1200px;
    height:600px;
    /*background: lawngreen;*/
}
#bottom>#bottomPro>#bP1{
    position: absolute;
    top: 60px;
    left: 70px;
    width:260px;
    height: 220px;
    /*background: black;*/
}
#bottom>#bottomPro>#bP1>img{
    width: 100%;
    height: 100%;
    transition: all .5s;

}
#bP1>img:hover{
    transform: scale(1.05);
}
#bottom>#bottomPro>#tip1{
    position: absolute;
    top: 260px;
    left: 75px;
    width: 240px;
    height: 50px;
    background: hsla(0,0%,100%,.9);
    z-index: 333;
}
#bottom>#bottomPro>#bP2{
    position: absolute;
    top: 60px;
    left: 465px;
    width: 260px;
    height: 220px;
    /*background: black;*/
}
#bottom>#bottomPro>#bP2>img{
    width: 100%;
    height: 100%;
    transition: all .5s;

}
#bP2>img:hover{
    transform: scale(1.05);
}
#bottom>#bottomPro>#tip2{
    position: absolute;
    top: 260px;
    left: 470px;
    width: 240px;
    height: 50px;
    background: hsla(0,0%,100%,.9);
    z-index: 333;
}
#bottom>#bottomPro>#bP3{
    position: absolute;
    top: 60px;
    right: 70px;
    width:260px;
    height: 220px;
    /*background: black;*/
}
#bottom>#bottomPro>#bP3>img{
    width: 100%;
    height: 100%;
    transition: all .5s;

}
#bP3>img:hover{
    transform: scale(1.05);
}
#bottom>#bottomPro>#tip3{
    position: absolute;
    top: 260px;
    right: 75px;
    width: 240px;
    height: 50px;
    background: hsla(0,0%,100%,.9);
    z-index: 333;
}
#bottom>#bottomPro>#bP4{
    position: absolute;
    top:326px;
    left: 70px;
    width:260px;
    height:220px;
    /*background: black;*/
}
#bottom>#bottomPro>#bP4>img{
    width: 100%;
    height: 100%;
    transition: all .5s;

}
#bP4>img:hover{
    transform: scale(1.05);
}
#bottom>#bottomPro>#tip4{
    position: absolute;
    top:520px;
    left: 75px;
    width: 240px;
    height: 50px;
    background: hsla(0,0%,100%,.9);
    z-index: 333;
}
#bottom>#bottomPro>#bP5{
    position: absolute;
    top: 326px;
    left: 465px;
    width: 260px;
    height:220px;
    /*background: black;*/
}
#bottom>#bottomPro>#bP5>img{
    width: 100%;
    height: 100%;
    transition: all .5s;
}
#bP5>img:hover{
    transform: scale(1.05);
}
#bottom>#bottomPro>#tip5{
    position: absolute;
    top:520px;
    left: 470px;
    width: 240px;
    height: 50px;
    background: hsla(0,0%,100%,.9);
    z-index: 333;
}
#bottom>#bottomPro>#bP6{
    position: absolute;
    top: 326px;
    right: 70px;
    width: 260px;
    height: 220px;
    /*background: black;*/
}
#bottom>#bottomPro>#bP6>img{
    width: 100%;
    height: 100%;
    transition: all .5s;
}
#bP6>img:hover{
    transform: scale(1.05);
}

#bottom>#bottomPro>#tip6{
    position: absolute;
    top: 520px;
    right: 75px;
    width: 240px;
    height: 50px;
    background: hsla(0,0%,100%,.9);
    z-index: 333;
}
#bottom>#bottomNav{
    position: absolute;
    left:600px ;
    top: 700px;
    width: 300px;
    height: 90px;
    /*background: lightskyblue;*/

}
#bottom>#bottomNav>ul>li{
    /*width: 100px;*/
    /*height: 30px;*/
    display: inline-block;
    margin-top: 25px;
    margin-left:40px;
}

#bottom>#bottomNav>ul>li>a{
    font-size: 16px;
    color: #9B9B9B;
    text-decoration: none;
}
#bottom>#bottomPro2{
    position: absolute;
    left: 165px;
    top: 780px;
    width: 1200px;
    height:550px;
    /*background: lawngreen;*/
}
#bottom>#bottomPro2>#bN1{
    position: absolute;
    top: 60px;
    left: 70px;
    width: 260px;
    height: 220px;
    /*background: black;*/
}
#bottom>#bottomPro>#bN1>img{
    width: 100%;
    height: 100%;
    transition: all .5s;
}
#bN1>img:hover{
    transform: scale(1.05);
}
#bottom>#bottomPro2>#tip7{
    position: absolute;
    top: 260px;
    left: 75px;
    width: 240px;
    height: 50px;
    background: hsla(0,0%,100%,.9);
    z-index: 333;
}
#bottom>#bottomPro2>#bN2{
    position: absolute;
    top: 60px;
    left: 465px;
    width: 260px;
    height: 220px;
    /*background: black;*/
}
#bottom>#bottomPro>#bN2>img{
    width: 100%;
    height: 100%;
    transition: all .5s;
}
#bN2>img:hover{
    transform: scale(1.05);
}
#bottom>#bottomPro2>#tip8{
    position: absolute;
    top: 260px;
    left: 470px;
    width: 240px;
    height: 50px;
    background: hsla(0,0%,100%,.9);
    z-index: 333;
}
#bottom>#bottomPro2>#bN3{
    position: absolute;
    top: 60px;
    right: 70px;
    width: 260px;
    height: 220px;
    /*background: black;*/
}
#bottom>#bottomPro>#bN3>img{
    width: 100%;
    height: 100%;
    transition: all .5s;
}
#bN3>img:hover{
    transform: scale(1.05);
}
#bottom>#bottomPro2>#tip9{
    position: absolute;
    top:260px;
    right: 75px;
    width: 240px;
    height: 50px;
    background: hsla(0,0%,100%,.9);
    z-index: 333;
}
#bottom>#bottomPro2>#bN4{
    position: absolute;
    top: 326px;
    left: 70px;
    width: 260px;
    height: 220px;
    /*background: black;*/
}
#bottom>#bottomPro>#bN4>img{
    width: 100%;
    height: 100%;
    transition: all .5s;
}
#bN4>img:hover{
    transform: scale(1.05);
}
#bottom>#bottomPro2>#tip10{
    position: absolute;
    top: 520px;
   left: 75px;
    width: 240px;
    height: 50px;
    background: hsla(0,0%,100%,.9);
    z-index: 333;
}
#bottom>#bottomPro2>#bN5{
    position: absolute;
    top: 326px;
   left: 465px;
    width: 260px;
    height: 220px;
    /*background: black;*/
}
#bottom>#bottomPro>#bN5>img{
    width: 100%;
    height: 100%;
    transition: all .5s;
}
#bN5>img:hover{
    transform: scale(1.05);
}
#bottom>#bottomPro2>#tip11{
    position: absolute;
    top: 520px;
    left: 470px;
    width: 240px;
    height: 50px;
    background: hsla(0,0%,100%,.9);
    z-index: 333;
}
#bottom>#bottomPro2>#bN6{
    position: absolute;
    top: 326px;
    right: 70px;
    width: 260px;
    height: 220px;
    /*background: black;*/
}
#bottom>#bottomPro>#bN6>img{
    width: 100%;
    height: 100%;
    transition: all .5s;
}
#bN6>img:hover{
    transform: scale(1.05);
}
#bottom>#bottomPro2>#tip12{
    position: absolute;
    top: 520px;
    right: 75px;
    width: 240px;
    height: 50px;
    background: hsla(0,0%,100%,.9);
    z-index: 333;
}

#dibu{
    position: relative;
    width: 1519px;
    height: 152px;
    background:#222222;
}

#dibu>span{
    position: absolute;
    left: 180px;
    top:15px ;
    font-size: 24px;
    color: #A9A9A9;

}
#dibu>p{
    position: absolute;
    left: 180px;
    top: 55px;
    font-size: 14px;
    color: #A9A9A9;
}
#dibu>a{
    position: absolute;
    left: 960px;
    top: 10px;
    text-decoration: none;
    font-size: 24px;
    color: #A9A9A9;
}
#dibu>p1{
    position: absolute;
    left: 600px;
    bottom: 40px;
    color: #A9A9A9;
    font-size: 14px;

}